<template>
    <f7-popup id="privatlyChat" :opened="isOpenPrivatlyChat" @popup:closed="closePrivatlyChat">
        <f7-view navbar-fixed>
            <f7-pages>
                <f7-page>
                    <f7-navbar>
                        <f7-nav-left sliding>
                            <f7-link icon-fa="close" close-popup></f7-link>
                        </f7-nav-left>
                        <f7-nav-center>发布评论</f7-nav-center>
                        <f7-nav-right>
                            <f7-link icon-fa="paper-plane"></f7-link>
                        </f7-nav-right>
                    </f7-navbar>
                    <div class="main">
                        <div class="edit-comment-common">
                            <f7-list class="comment-box">
                                <f7-list-item>
                                    <f7-input type="textarea" placeholder="请输入评论内容"></f7-input>
                                    <span class="char-limit">你还可输入150字</span>
                                </f7-list-item>
                            </f7-list>
                        </div>
                    </div>
                </f7-page>
            </f7-pages>
        </f7-view>
    </f7-popup>
</template>

<script>
    export default {
        props: ['isOpenPrivatlyChat'],
        methods: {
            closePrivatlyChat() {
                this.$emit('closePrivatlyChat')
            }
        }
    }
</script>